<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>shooping</title>
    <link rel="stylesheet" href="/css/shopping.css">
    <link rel="stylesheet" href="/libs/font/iconfont.css">
</head>
<body>
    <!-- header -->
    <header class="header"></header>
    <!-- sidebar -->
    <div class="sidebar">
            <div class="cart">
                    <a href="./shopping.html">
                        <div class="item-icon">
                            <img src="/images/icon-cart-list.png">
                        </div>
                        <p class="text"></p> 
                    </a>   
                </div>
                <ul class="sidebar-ul">
                    <li class="items item">
                        <div class="item-icon">
                            <img src="/images/icon-online-01.png">
                        </div>
                        <p class="text">售前咨询</p>
                        <div class="bg"></div>
                        <div class="detail">
                            <div class="detail-item">
                                <div>
                                    <a class="name" id="YSF-BTN-HOLDERS" href="javascript:;">
                                        <img src="/images/icon-online-05.png" style="width: 23px; height: 23px;">
                                        在线咨询
                                    </a>
                                </div>
                                <p class="time">周一至周六: 9:00-18:00</p>
                            </div>
                            <div class="detail-item">
                                <p class="hotline">热线电话</p>
                                <p class="phone">400-6323-251</p>
                                <p class="time">周一至周六: 9:00-18:00</p>
                            </div>
                        </div>
                    </li>
                    <li class="items item">
                        <div class="item-icon">
                            <img src="/images/icon-online-02.png">
                        </div>
                        <p class="text">售后咨询</p>
                        <div class="bg"></div>
                        <div class="detail">
                            <div class="list">
                                <p class="text1">本商城购买</p>
                                <p class="text2">400-6323-251</p>
                            </div>
                            <div class="list">
                                <p class="text1">非本商城购买</p>
                                <p class="text2">请咨询您所购买的商家</p>
                            </div>
                            <a class="after-sales" href="" target="_blank">点击查看售后网点&gt;&gt;</a>
                        </div>
                    </li>
                    <li class="items item">
                        <div class="item-icon">
                            <img src="/images/icon-online-03.png">
                        </div>
                        <p class="text">官方微信</p>
                        <div class="bg"></div>
                        <div class="detail">
                            <div>
                                <img src="/images/share-weixin-01.jpg" style="width: 139px; height: 139px;">
                            </div>
                            <p class="mall">官方微信</p>
                        </div>
                    </li>
                    <li class="item" id="topBtn">
                        <div class="item-icon">
                            <img src="/images/icon-online-04.png">
                        </div>
                        <p class="text">TOP</p>
                    </li>
                </ul>
    </div>
    <!-- shopping -->
    <section>
        <div class="container">
            <div class="shopping" id="shopping_car">
                    <table cellspacing="0" cellpadding="0">
                      <thead class="nav_shop">
                          <tr>
                                <th width="100">
                                    <label class="allcheck-label">
                                        <input type="checkbox" id="all-check"/>
                                        <span class="check-span">
                                        <span class="check-item"></span>
                                        </span>
                                    </label>
                                    <a href="javascript:;" id="edit">全选</a>
                                </th>
                                <th width="400">商品型号</th>
                                <th width="120">单价</th>
                                <th width="140">数量</th>
                                <th width="120">合计</th>
                                <th width="120">积分</th>
                                <th width="120">操作</th>
                          </tr>
                      </thead>
                      <tbody class="shop_cont" id="cart-tbody">

                      </tbody>
      
                      <script type="text/html" id="cart-tbody-template">
                        {{each cart shop}}
                         <tr data-id="{{shop.id}}">
                           <td>
                               <label class="check-label">
                                   <input class="check" type="checkbox" {{shop.check ?'checked' : ''}}/>
                                   <span class="check-span">
                                     <span class="check-item"></span>
                                   </span>
                               </label>
                           </td>
                           <td>
                                <div class="cart-table-product ">
                                    <a href="/html/detail.html?id={{shop.id}}">
                                        <img src="{{shop.imgs[0]}}" alt="">
                                    </a>
                                    <span>{{shop.title.slice(0, 15) + '...'}}</span>
                                </div>
                           </td>
                           <td>
                               <span>{{shop.price}}</span>
                           </td>
                           <td>
                               <a href="javascript:;" class="sub">
                                   <i>-</i>
                               </a>
                               <input class="nummidbtn" value="{{shop.count}}">
                               <a href="javascript:;" class="plus">
                                   <i>+</i>
                               </a>
                           </td>
                           <td>{{(shop.price * shop.count).toFixed(2)}}</td>
                           <td>{{(shop.price * shop.count).toFixed(2)}}</td>
                           <td>
                               <span class="del">
                               </span>
                           </td>
                         </tr>
                           {{/each}}
                      </script>

                      <tfoot class="shop_submit">
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td >
                                <span>已选商品总价：</span>
                                <b id="Paymoney"></b>
                                <strong>￥</strong>
                            </td>
                            <td colspan="2">
                                <a href="javascript:;" id="indent">提交订单</a>
                            </td>
                        </tr>
                      </tfoot>
                    </table>
                  </div>
                  <div class="empty" id="cart-empty">
                <p><i class="iconfont"></i>您的购物车还没有商品!</p>
                <a href="/index.html">返回首页</a>
                <a href="/html/list.html#12">去选款式</a>
            </div>
                </div>
    </section>
    <!-- footer -->
    <footer class="footer-box"></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/shopping.js"></script>
</html>